

.comp-share-box{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom:20px ;
  width: 750rpx;
  right: 0;
  position: fixed;
  bottom: 0;

  background-color: #FFFAF3;
  .title{
    position: relative;
    height:50px ;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    .close-icon{
      font-weight: normal;
      position: absolute;
      right: 10px;
      top: 8px;
    }
  }

  .share{
    margin-top: 20px;
    .btn{
      background-color: #44E298;
      color: #fff;
      height: 40px;
      line-height: 40px;
      border-radius: 10px;
    }
  }
}

.artistic-text{
  width: 80%;
  margin: auto;
  border-radius: 20px;
  height: 40vh;
  padding: 20px;
}


.share-box{
  position: fixed;
  right: -5px;
  top: 128px;
  height: 40px;
  border-radius: 10px;
  width: 100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--transparency);
  font-size: 12px;
  >view{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;

  }


  .icon-fenxiang{
    font-size: 18px;
  }
  .share{
   // 缩放0.5
  //  transform: scale(0.8);
   color: $fff;
  }
}
